<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<div id="div1" style="height: 130px;width: 300px;background-color: chartreuse;">
		<p id="b1">这是一个有id的div</p>
		<p id="b2">但是这个div没有classname</p>
		<ul id='u1'>
			<li>你是个好人</li>
			<li>ta要的是老实人</li>
		</ul>
	</div>
	<div class="div2" style="height: 130px;width: 300px;background-color: aquamarine;">
		<p id="b3">这是一个有classname的div</p>
		<p id="b4">但是这个div没有id</p>
	</div>
	<br />
	<div id="" style="height: 130px;width: 300px;background-color:cadetblue;">
		<img id="im1" src="" >
		<b id="b5">这个div只有故事，你有酒吗？</p>
	</div>
	请输入：<input type="text" name="" id="mu1"/><br>
	<button type="button" onclick="soid();">id查找元素</button>&nbsp;&nbsp;
	<button type="button" onclick="soclass();">类查找元素</button>&nbsp;&nbsp;
	<button type="button" onclick="sobiao();">标签查找元素</button>
	<body>
		<script type="text/javascript">
			/*2.新制作一个页面，要求：
			       2.1 至少包含以下元素：3个DIV,标题，5个P标签，图片，列表 
			       2.2 分别实现 id,类，标签三种方式查找以上元素*/
				 var aq1;
				function soid(){
					aq1=document.getElementById('mu1').value;
					var ard1=document.getElementById(aq1);
					console.log(ard1);
				}
				function soclass(){
					aq1=document.getElementById('mu1').value;
					var ard2=document.getElementsByClassName(aq1);
					console.log(ard2);
				}
				function sobiao(){
					aq1=document.getElementById('mu1').value;
					var ard3=document.getElementsByTagName(aq1);
					console.log(ard3);					
				}
		</script>
	</body>
</html>
